<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=1000, initial-scale=1.0, maximum-scale=1.0">
	    <!-- Loading Bootstrap -->
	    <link href="./Public/Admin/Flat/dist/css/vendor/bootstrap.min.css" rel="stylesheet">
	    <!-- Loading Flat UI -->
	    <link href="./Public/Admin/Flat/dist/css/flat-ui.css" rel="stylesheet">
	    <link href="./Public/Admin/Flat/docs/assets/css/demo.css" rel="stylesheet">
	    <link rel="shortcut icon" href="./Public/Admin/Flat/img/favicon.ico">
	    <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
	    <!--[if lt IE 9]>
	      <script src="dist/js/vendor/html5shiv.js"></script>
	      <script src="dist/js/vendor/respond.min.js"></script>
	    <![endif]-->
	    <script src="./Public/Admin/Flat/js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<table class="table table-hover">
			<tr class="active">
			  <th width="30">city_id</th>
			  <th>城市名称</th>


			  <th width="210">操作</th>
			</tr>
			{{foreach from='$dataTree' value='$v'}}
			<tr data-pid="{{$v['city_pid']}}" data-cid="{{$v['city_id']}}" class="par" {{if value="$v['city_pid'] != 0"}} style="display:none;" {{endif}}>
				<td>{{$v['city_id']}}</td>
				<td>{{$v['_name']}}</td>

				<td>
					<a href="{{U('addArea',array('city_id'=>$v['city_id']))}}" class="btn btn-sm btn-primary">添加地区</a>
					<a href="{{U('edit',array('city_id'=>$v['city_id']))}}" class="btn btn-sm btn-warning">编辑</a>
					<a href="javascript:if(confirm('确定要删除该城市/地区吗？')) location.href='{{U('del',array('city_id'=>$v['city_id']))}}';" class="btn btn-sm btn-danger">删除</a>
				</td>
			</tr>
			{{endforeach}}
		</table>
		<script type="text/javascript">
			$(".par").click(function(){
				//获得父级的cid
				var cid = $(this).attr('data-cid');
				if($("tr[data-pid="+cid+"]").is(":visible")){
					$("tr[data-pid="+cid+"]").fadeOut();
				}else{
					$("tr[data-pid="+cid+"]").fadeIn();
				}
			})
		</script>
	</body>
</html>
